<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<ui:composition 
	template="/template/template.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">

	<ui:define name="head">
		<meta  name="description"  content="#{msg.label_titulo} - #{msg.label_sub_titulo} - #{msg.label_menu_contato}"/>
	</ui:define>

	<ui:define name="corpo">
	
		<br />
		
		<div class="panel panel-success divTituloPagina">
			<div class="panel-heading">#{msg.label_menu_contato}</div>
		  		<div class="panel-body">
			  
					<form jsfc="h:form">
					
						<h3 class="corFonteEscuro">#{msg.label_telefone}</h3>
						<h3 class="corFonteEscuro">#{msg.label_endereco}</h3>
						<a href="mailto:#" class="fonteGrande">#{msg.label_email}</a>

						<br/><br/>
											
						<div class="panel panel-success">
							
							<div class="panel-heading">#{msg.label_contato_mensagem}</div>
					  		
					  		<div class="panel-body">
								<div class=" input-group-lg">
									
									<div jsfc="h:panelGrid" class="" rendered="#{contatoMB.exibirMensagemSucesso}" style="width: 100%">
										<div class="alert alert-success alert-dismissable">#{msg.mensagem_enviado_sucesso}
											<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
										</div>
									</div>
									
									<div jsfc="h:panelGrid" rendered="#{contatoMB.exibirMensagemCampoObrigatorio}" style="width: 100%">
										<div class="alert alert-danger alert-dismissable">#{msg.mensagem_campo_obrigatorio_nao_informado}
											<button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
										</div>
									</div>
									
									<h3 class="corFonteEscuro"><span class="campoObrigatorio">*</span> #{msg.label_contato_nome}</h3>
							  		<input type="text" class="form-control sombra" jsfc="h:inputText" value="#{contatoMB.nome}"/>
							  		
							  		<h3 class="corFonteEscuro">#{msg.label_menu_empresa}</h3>
							  		<input type="text" class="form-control sombra" jsfc="h:inputText" value="#{contatoMB.empresa}"/>
					
							  		<h3 class="corFonteEscuro"><span class="campoObrigatorio">*</span> #{msg.label_contato_telefone}</h3>
							  		<input type="text" id="telefone" class="form-control sombra" jsfc="h:inputText" value="#{contatoMB.telefone}"/>
							  		
							  		<h3 class="corFonteEscuro"><span class="campoObrigatorio">*</span> #{msg.label_contato_email}</h3>
							  		<input type="text" class="form-control sombra" jsfc="h:inputText" value="#{contatoMB.email}"/>
							  		
							  		<h3 class="corFonteEscuro"><span class="campoObrigatorio">*</span> #{msg.label_contato_mensagem}</h3>
							  		<input type="text" class="form-control sombra" jsfc="h:inputText" value="#{contatoMB.mensagem}"/><br/>
							  		
							  		<div align="right">
							  			<h3 class="corFonteEscuro">(<span class="campoObrigatorio">*</span>) #{msg.label_campo_obrigatorio}</h3>
						  			</div>
							  		
							  		<div align="right">
							  			<a class="btn btn-lg btn-success" id="botaoEnviar" jsfc="h:commandButton" action="#{contatoMB.enviarEmail}" value="#{msg.label_botao_enviar}"></a>
							  		</div>
								</div>
							</div>
						</div>
					</form>
				</div>
			</div>
	</ui:define>

</ui:composition>
